<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="web">
			<!--头部 S-->
			<header>
				<!--头部图片 S-->
				<div>
					<img src="img/a.jpg" />
				</div>
				<!--头部图片  E-->
				<!--头部导航栏 S-->
				<nav>
					<span><a href="">首页</a></span>
					<span><a href="">心情日记</a></span>
					<span><a href="">Free</a></span>
					<span><a href="">一起走到</a></span>
					<span><a href="">从明天起</a></span>
					<span><a href="">纸飞机</a></span>
					<span><a href="">下一站</a></span>
				</nav>
				<!--头部导航栏 E-->
			</header>
			<!--头部  E-->
			<!--中间内容  S-->
			<main>
				<!--侧边栏  S-->
				<aside>
					<div class="title" align="center"><img src="img/3.jpg" /><br /><strong>我的日记本</strong></div>
					<div>他们彼此深信，是瞬间迸发的热情让他们相遇。这样确定是美丽的，但变幻无常更为美丽。</div>
					<div class="title" align="center"><img src="img/4.jpg"/><br /><strong>心情轨迹</strong></div>

					<div>董事长的一切都让人既羡慕有妒忌，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物</div>
				</aside>
				<!--侧边栏  E-->
			
			<section>
				<div><h4><ins>介绍</ins></h4>
				<p>我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去吧！</p></div>
				<div><h4><ins>照相本子</ins></h4>
				<p>关于童年，你记住了什么？<br />
				两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。<br />
				三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。
				<br />
				四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家。<br />
				我真的没骗你，我通通都记得，还有照片为证。
				</p></div>
				<div><h4><ins>地下铁</ins></h4>
				<p>天使在地下铁的入口，<br />
				和我说再见的那一年，<br />
				我渐渐看不见了。<br />
				十五岁生日的那年秋天早晨，<br />
				窗外下着毛毛雨，<br />
				我喂好我的猫。<br />
				六点零五分，<br />
				我走进地下铁。
				</p></div>
				<div><h4><ins>向左走向右走</ins></h4>
				<p>
					They’re both convinced<br />
					that a sudden passion joined them.<br />
					Such certainth is beautiful,<br />
					but uncertainty is more beautiful still.
				</p>
				</div>
			</section></main>
			<!--中间内容  E-->
		</div>
	</body>

</html>